//=========   readme
// 全局共用样式   build电信时 会把common.styl替换掉
//==========
box-size($width=0,$height=$width)
  width: $width
  height: $height
posa($top,$left)
  position: absolute
  top: $top
  left: $left
posa-r($top,$right)
  position: absolute
  top: $top
  right: $right
bors($size,$color)
  border:$size solid $color

//单标签 input默认样式 eg:通话详情中的单标签 ==liyl
sing-inp()
  display inline-block
  position absolute
  top 0
  opacity 0
  width 100%
  height 100%
  cursor pointer
  z-index 3
//单标签 input+span默认样式 eg:通话详情中的单标签 ==liyl
// 单标签color和border-color颜色更改  ==qyg
sing-sp()
  display inline-block
  bors(1px,#d9d9d9)
  max-width 35em
  line-height 2
  text-align center
  padding 3px 20px
  border-radius 2px
  overflow hidden
  text-overflow ellipsis
  white-space nowrap
  color $cf-gray3
//单标签 input:checked+span选中样式 eg:通话详情中的单标签 ==liyl
sing-sped()
  position relative
  bors(1px,#3683de)
  color #3683de
//单标签 input:checked+span:after选中样式 eg:通话详情中的单标签 ==liyl
sing-af()
  content ""
  posa-r(16px,0)
  display block
  box-size(0,0)
  border-bottom 20px solid #3683de
  border-left 20px solid transparent
//单标签 input:checked+span:before选中样式 eg:通话详情中的单标签 ==liyl
sing-be()
  content '√'
  color #fff
  display block
  posa-r(13px,2px)
  background transparent
  z-index 2
  font-style oblique
  font-family monospace
//icon 疑问图标公共样式 eg:软电话条中sms模板 ==liyl
icon-ques()
  content '\?'
  display inline-block
  width 18px
  height 18px
  background #fff
  color #3683de
  border-radius 50%
  text-align center
  line-height 18px
  cursor pointer
  bors(1px,#3683de)
  font-size: 14px
  line-height: 18px
  box-sizing border-box

$padding5=5px
$padding10=10px
$padding15=15px
$margin5= 5px
$margin10=10px
$margin15=15px

$c-border1 = #d9d9d9
//导航下面的横线或者是竖线以外的border
$c-border2 = #ccc
//导航下面的横线或者是竖线
$c-nav-go = #0066a4
$c-nav-to = #00adcf

// 联系历史下面的横线或者是竖线
$c-his-border = #bfbfbf

//二级导航与用户信息背景色
$c-back = #f7f7f7
// 卡片背景色
$c-card-back = #f7f9fa
// 工单单元背景
$c-bus-back = #f5f5f5
//卡片交互色，hover等等
$c-card = #edeff0
$c-card-hover = #e7f1fe
// 卡片的最后选中色
$c-card-active = #e7f1fe

//主要交互色 只要看见类似绿色都是都使用这个
$c-main = #3683de
// 邮件已完成状态绿色
$c-email = #2bb24c
//电信自定义颜色
//浏览轨迹的颜色
$c-line = #ff9100
//操作日志和ivr轨迹的圈
$c-log = #7795c0
//联系历史中 呼入外呼的语音播放颜色
$play = #7795c0
//工作台图标及页面中标题方块的色值，高级搜索的重置按钮，号码（0*****02的颜色)定位到多个客户，类似在线咨询的快捷回复的列表的小点,导入列表完成状态


// 温馨提示的颜色
$c-prompt = #3b5998

//系统里面看到的粉色
$c-pink = #ff6b6b

//工作台图标及页面中标题方块的色值，高级搜索的重置按钮，号码（0*****02的颜色)定位到多个客户，类似在线咨询的快捷回复的列表的小点,导入列表完成状态
//操作日志标签名称
$c-sub = #22c2ff

//操作日志中日期背景颜色
$c-sub6 = #3683de

$c-sub7 = #43d5dd


//在线咨询离线色
$c-im-offline = #ccc

//邮件正文，聊天对话框，卡片内信息等
$cf-level1 = #666
//
$cf-level2 = #999
$cf-level3 = #808080
$cf-level4 = #a6a6a6
$cf-level5 = #eeeff2
$cf-white = #fff

// 主字体颜色
$cf-gray0 = #000
$cf-gray1 = #1a1a1a
$cf-gray2 = #333
$cf-gray3 = #4c4c4c
$cf-gray4 = #666
$cf-gray5 = #999
$cf-gray6 = #878787
$cf-gray7 = #b3b3b3
$cf-color0 = #ff8403
$cf-color1 = #459ae9
$cf-color2 = #2bb24c
$cf-color3 = #f37474
$cf-color4 = #facd43
// IVR轨迹 亮眼蓝色说明
$cf-blue = #3683de

//软电话条状态颜色
$c-busy = #d498e9
$c-free = #72c8e2

// 工单单元背景
$c-bus-green = #2bb14b
$c-bus-step = #3b5995
$c-bus-tip = #f7f9fa
$c-bus-info = #d9e9ff
$c-bus-addBackground = #cce2ff
$c-bus-history = #f0f0f0
// 座席设置锁定的颜色
$c-cAgent = #ff9100


// 按钮蓝色
$btn-color = #45b5e6
// 列表选中色
$list-active = #ddecfc
// 工单关注颜色
$followed-color = #ff8403
// 工单紧急颜色
$priority2 = #FFC203
// 工单很紧急颜色
$priority3 = #BD0606
//标题方块的色值
$c-affix = #22c2ff

// 客户意向度
$custintent-color = #2bb24c

// 工单标签色 && 搜索条件色
$c-bus-label = #91c1f1
